<link href="/classico/public/assets/back-end/css/index/navigation.css" rel="stylesheet" type="text/css"/>
<div id="navigation-form">
    <div id="categories">
        <table>
            <tr>
                <td>
                    <a href="/classico/public/admin/comment/index">
                        <div class="category">
                            <img src="/classico/public/assets/back-end/images/icon-48-comment.png"/>

                            <div>Comment Manager</div>
                        </div>
                    </a>
                </td>
                <td>
                    <a href="/classico/public/admin/feedback/index">
                        <div class="category">
                            <img src="/classico/public/assets/back-end/images/icon-48-feedback.png"/>

                            <div>Feedback Manager</div>
                        </div>
                    </a>
                </td>
                <td>
                    <a href="/classico/public/admin/order/index">
                        <div class="category">
                            <img src="/classico/public/assets/back-end/images/icon-48-order.png"/>

                            <div>Order Manager</div>
                        </div>
                    </a>
                </td>
                <td>
                    <a href="/classico/public/admin/product/index">
                        <div class="category">
                            <img src="/classico/public/assets/back-end/images/icon-48-product.png"/>

                            <div>Product Manager</div>
                        </div>
                    </a>
                </td>
            </tr>
            <tr>
                <td>
                    <a href="/classico/public/admin/productType/index">
                        <div class="category">
                            <img src="/classico/public/assets/back-end/images/icon-48-product-type.png"/>

                            <div>Product Type Manager</div>
                        </div>
                    </a>
                </td>
                <td>
                    <a href="/classico/public/admin/user/index">
                        <div class="category">
                            <img src="/classico/public/assets/back-end/images/icon-48-user.png"/>

                            <div>User Manager</div>
                        </div>
                    </a>
                </td>
                <td>
                    <div class="category">
                        <img src="/classico/public/assets/back-end/images/icon-48-config.png"/>

                        <div>Config</div>
                    </div>
                </td>
                <td>
                    <div class="category">
                        <img src="/classico/public/assets/back-end/images/icon-48-config.png"/>

                        <div>Config</div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div id="history">
        <h3>Last 5 Logged-out Users</h3>

        <div>
            <table>
                <tr>
                    <th>ID</th>
                    <th>Username</th>
                    <th>Last Logout</th>
                </tr>
                <?php
                /** @var UserPOJO[] $userPOJOs */
                $userPOJOs = $this->userPOJOs;
                foreach ($userPOJOs as $userPOJO) :
                    ?>
                    <tr>
                        <td><?= $userPOJO->ID ?></td>
                        <td><?= $userPOJO->Username ?></td>
                        <td><?= $userPOJO->LastLogout ?></td>
                    </tr>
                <?php
                endforeach
                ?>
            </table>
        </div>
        <h3>Last 5 Added Products</h3>

        <div>
            <table>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Created Date</th>
                </tr>
                <?php
                /** @var ProductPOJO[] $productPOJOs */
                $productPOJOs = $this->productPOJOs;
                foreach ($productPOJOs as $productPOJO) :
                    ?>
                    <tr>
                        <td><?= $productPOJO->ID ?></td>
                        <td><?= $productPOJO->Name ?></td>
                        <td><?= $productPOJO->CreatedDate ?></td>
                    </tr>
                <?php
                endforeach
                ?>
            </table>
        </div>
    </div>
</div>
<script type="text/javascript">
    $('#history').accordion();
</script>